@charset "utf-8";
/* CSS Document */
/*CSS重置*/
*{font-family:"微软雅黑"; font-size:12px; color:#4c4c4c; margin:0; padding:0;}
body,dl,dd,h1,h2,h3,p{margin:0; padding:0;}
#body{background:url(../img/2017top.jpg) no-repeat center top #f5f5f5;}
ul,li{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
h1{ font-weight:normal; font-size:16px; color:black;}
img{ display:block;display:inline;}
.clearfix{ clear:both;}

/*页眉区*/
.header{ width:1200px;min-width:1200px; margin:0 auto;display: block; overflow: hidden;}
.logo{ float:left; margin-top:27px; margin-bottom:18px; display:inline;}
.header_btns{float:right; display:inline; width:320px;overflow:hidden;}
.header_btns .phone{padding-top:27px; padding-bottom:16px; display:inline;}
.header_btns span,.header_btns .current{float:left; width:110px; height:28px;}
.header_btns .current{float:left; width:110px; height:28px;}
.header_btns span{background-image: -moz-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%); border:1px solid #e59462; text-align:center; line-height:28px; 
background:#f0bd9c; /* 备用属性，当浏览器不支持渐变时，背景蓝色 */
background:-moz-linear-gradient(top,#ffede2,#f0bd9c); /* 火狐渐变 */
background:-webkit-gradient(linear,0 0,0 100%,from(#ffede2),to(#f0bd9c));/* Chrome,Safari渐变 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffede2', endColorstr='#f0bd9c'); /* IE6,IE7渐变 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffede2', endColorstr='#f0bd9c')"; /* IE8渐变 */}
.header_btns .current{ background-image: -moz-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%); border:1px solid #898989; text-align:center; line-height:28px; margin-left:6px; margin-right:16px; 

background:#c7c7c7; /* 备用属性，当浏览器不支持渐变时，背景蓝色 */
background:-moz-linear-gradient(top,#f3f3f3,#c7c7c7); /* 火狐渐变 */
background:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#c7c7c7));/* Chrome,Safari渐变 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#c7c7c7'); /* IE6,IE7渐变 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#c7c7c7')"; /* IE8渐变 */}
.header_btns span{background-image: -moz-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(240,189,156) 0%, rgb(255,237,226) 100%); border:1px solid #e59462; text-align:center; line-height:28px;}
.header_btns span a{color:#ae4401;}
.header_btns .current{background-image: -moz-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%);  background-image: -webkit-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%);  background-image: -ms-linear-gradient( 90deg, rgb(199,199,199) 0%, rgb(243,243,243) 100%); border:1px solid #898989; text-align:center; line-height:28px; margin-left:6px; margin-right:16px;}
.header_btns .current a{color:#5b5b5b;}
.header_btns .weixin,.weibo{float:left; display:inline;}
.header_btns .weixin{ margin-right:5px;}
.weixin_precode{ position:absolute; left:89%; top:100px; z-index:9999; width:8%;} 
/*导航区*/
.nav_box{ /*background-image:url(/images/nav_bg.png);*/ background: #2176c6;}
.nav{ width:1200px; margin:0 auto;}
.nav li{ float:left; padding:10px 29px; display:inline; height:22px;}
.nav ul{ margin:0 auto;}
.nav a{ font-size:16px; color:white;}
.nav a{ text-decoration:none;}

/*页脚*/
.footer_box{ background-color:#373737;}
.footer{ width:1200px; margin:0 auto; padding-top:22px; padding-bottom:22px; position:relative;}
.footer span{ /*float:left;*/ color:#b2b2b2; display:inline;}
.footer a{ font-size:14px; font-weight:bold; color:#b2b2b2;}
.footer_list>dt>a{ font-size:14px; color:#b2b2b2; line-height:40px; font-weight:normal;}
.footer_list>dd>a{ color:#b2b2b2; line-height:26px; font-size:12px; font-weight:normal;}
.footer_list{ float:left; width:20%; display:inline;}
.address{ float:left; width:26%; padding-left:10px; padding-right:10px; display:inline;}
.precode{ float:left; width:12%; display:inline;}
.precode img{ display:inline;}
.address{ position:relative;}
.address img,.address h1{ float:left; display:inline;}
.address h1{ color:white; font-size:25px; padding-bottom:0;}
.address p{ color:#b2b2b2; padding-left:28px; line-height:26px;text-align:left; padding-top:-15px;}
.address_icon{ position:absolute; top:66%; left:10px;}
.footer h2{ color:#b2b2b2; font-weight:normal; position:absolute; top:80%; text-align:left; padding-left:48px;}
.footer h2 a { padding:10px;}

/*
 * 顶部APP广告
 */
.top-app-ad{
	width: 100%;
	height: 100px;
	position: relative;
	overflow: hidden;
	display: block;
	background-image:url(/images/APP/top-ad1920x100.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.top-app-ad .close{
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right:5px;
	background-color: rgba(255,0,0,.6);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.top-app-ad .close:before{
	content: 'X';
	display: block;
	color:#fff;
	text-align:center;
	font-size:17px;
	line-height:25px;
	font-family: Arial;
}
/*
 * 底部APP广告
 */
.bottom-app-ad{
	display: none;
	width: 50px;
	height: 50px;
	margin-top: 80px;
	position: fixed;
	top:50%;
	right: 20px;
	z-index: 999;
	background-image:url(/images/APP/icon150x150.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.bottom-app-ad .app-list{
	display: none;
	padding: 5px;
	overflow: hidden;
	margin-top: -130px;
	position: absolute;
	top:50%;
	right: 50px;
}
.bottom-app-ad .app-list ul.ulapp{
	display: block;
	background-color:#fff;
	overflow: hidden;
	padding: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bottom-app-ad .app-list ul.ulapp li{
	padding: 2px;
	overflow: hidden;
}
.bottom-app-ad .app-list ul.ulapp li p{
	text-align:center;
	font-size:14px;
}
.bottom-app-ad:hover .app-list{
	display: block;
}